<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>Hello MUI</title>
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <link rel="stylesheet" href="./assets/mui/css/mui.min.css">
    <link rel="stylesheet" href="./mui/examples/hello-mui/css/icons-extra.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/shoppingcar.css">
</head>

<body>
    <header class="mui-bar mui-bar-nav">
        <a class="mui-icon mui-icon-reload mui-pull-right"></a>
        <a class="mui-action-back mui-icon mui-icon-back mui-pull-left"></a>
        <h1 class="mui-title">购物车</h1>
    </header>
    <nav class="mui-bar mui-bar-tab ">
        <a class="mui-tab-item  " href="index.html ">
            <span class="mui-icon mui-icon-extra mui-icon-extra-hotel "></span>
            <span class="mui-tab-label ">首页</span>
        </a>
        <a class="mui-tab-item " href="sort.html ">
            <span class="mui-icon mui-icon-extra mui-icon-extra-class "></span>
            <span class="mui-tab-label ">分类</span>
        </a>
        <a class="mui-tab-item mui-active" href="login.html " id="cart">
            <span class="mui-icon mui-icon-extra mui-icon-extra-cart "><span class="mui-badge "></span></span>
            <span class="mui-tab-label ">购物车</span>
        </a>
        <a class="mui-tab-item " href="login.html" id="my">
            <span class="mui-icon mui-icon-extra mui-icon-extra-heart-filled "></span>
            <span class="mui-tab-label ">会员中心</span>
        </a>
    </nav>
    <div class="mui-content cart">
        <div class="cartTop">
            <span>商品列表</span>
            <input type="checkbox" class="allChecked">全选
        </div>
        <ul id="OA_task_2" class="mui-table-view"></ul>
        <div class="totalPrice"><button class="buy">去下单</button></div>
    </div>
</body>
<script type="text/html" id="detailTmp">

    {{each}}
    <li class="mui-table-view-cell" sizeNum='{{$value.productSize}}' productNum='{{$value.productNum}}'>
        <div class="mui-slider-right mui-disabled">
            <a class="mui-btn mui-btn-red delete">删除</a>
        </div>
        <div class="mui-slider-handle">
            <div class="mui-table-cell">
                <a href="#" class="gds" num='{{$value.id}}' size='{{$value.size}}'>
                    <input type="checkbox" name="" class="checkone">
                    <img src="{{$value.pic[0].picAddr}}" alt="" class="gdsImg">
                    <div class="gdsR">
                        <p class="gdSTit">{{$value.proName}}</p>
                        <div class="gdsPri">￥{{$value.price}}</div>
                        <div class="gdsSize">尺码：
                            <select name="" id="select">
                                <option value="">{{$value.size}}</option>
                            </select>
                        </div>
                        <div class="gdsNum">
                            <span class="reduce">-</span><input type="number" class="num" value="{{$value.num}}"><span class="add">+</span>
                        </div>
                    </div>
                </a>
                <div class="subtotal">小计:<span>{{$value.price*$value.num}}</span></div>
            </div>
        </div>
    </li>
    {{/each}}

</script>

<script type="text/html" id="selTmp">
    {{each arr}}
    <option value="">{{$value}}</option>
    {{/each}}
</script>
<script type="text/html" id="cartTmp"></script>
<script src="./assets/zepto/zepto.min.js"></script>
<script src="./assets/artTemplate/template-web.js"></script>
<script src="./assets/mui/js/mui.min.js"></script>
<script src="./js/common.js"></script>
<script src="./js/shoppingcar.js"></script>

</html>